﻿<!doctype html>
<html class="no-js" lang="zxx" xmlns:th="http://www.w3.org/1999/xhtml">

<head th:replace="layout::head(${title,desc})"></head>

<body>


<div id="main-wrapper">

    <!--导入公共资源-->
    <template th:replace="layout::header"></template>
    
    <!--Page Banner Section start-->
    <div class="page-banner-section section">
        <div class="container">
            <div class="row">
                <div class="col">
                    <h1 class="page-banner-title">我的帐号</h1>
                    <ul class="page-breadcrumb">
                        <li><a th:href="@{/index.html}">主页</a></li>
                        <li class="active">我的帐号</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!--Page Banner Section end-->

    <!--Login & Register Section start-->
    <div class="login-register-section section pt-100 pt-lg-80 pt-md-70 pt-sm-60 pt-xs-50 pb-70 pb-lg-50 pb-md-40 pb-sm-30 pb-xs-20">
        <div class="container">
            <div class="row row-25">
               
                <div class="col-lg-4 col-12 mb-sm-50 mb-xs-50">
                    <ul class="myaccount-tab-list nav">
                        <li><a class="active" th:href="@{/#profile-tab}" data-toggle="tab"><i class="pe-7s-user"></i>我的信息</a></li>
                        <li><a th:href="@{/#agency-tab}" data-toggle="tab"><i class="pe-7s-note2"></i>代理人信息</a></li>
                        <li><a th:href="@{/#properties-tab}" data-toggle="tab"><i class="pe-7s-photo"></i>我的房产</a></li>
                        <li><a th:href="@{/add-properties.html}"><i class="pe-7s-back fa-flip-horizontal"></i>新增房产信息</a></li>
                        <li><a th:href="@{/#password-tab}" data-toggle="tab"><i class="pe-7s-lock"></i>修改密码</a></li>
                        <li><a th:href="@{/login-register.html}"><i class="pe-7s-power"></i>退出</a></li>
                    </ul>
                </div>
                
                <div class="col-lg-8 col-12">
                    
                    <div class="tab-content">
                        <div id="profile-tab" class="tab-pane show active">
                            <form action="#">
                               
                                <div class="row">
                                    <div class="col-12 mb-30"><h3 class="mb-0">个人信息</h3></div>
                                    <div class="col-md-6 col-12 mb-30"><label for="f_name">真实姓名</label><input type="text" id="f_name" value="Donald"></div>
                                    <div class="col-md-6 col-12 mb-30"><label for="l_name">昵称</label><input type="text" id="l_name" value="Palmer"></div>
                                    <div class="col-12 mb-30"><label for="about_me">自我介绍</label><textarea id="about_me"></textarea></div>

                                    <div class="col-12">
                                        <div class="row">
                                            <div class="col-md-6 col-12 mb-30"><label for="personal_address">地址</label><input type="text" id="personal_address" value="256, 1st AVE, Manchester 125 , Noth England"></div>
                                            <div class="col-md-6 col-12 mb-30"><label for="personal_number">电话号码</label><input type="text" id="personal_number" value="(756) 447 5779"></div>
                                            <div class="col-md-6 col-12 mb-30"><label for="personal_email">Email</label><input type="text" id="personal_email" value="info@example.com"></div>
                                            <div class="col-md-6 col-12 mb-30"><label for="personal_web">个人网站</label><input type="text" id="personal_web" value="www.example.com"></div>
                                            <div class="col-md-6 col-12 mb-30"><label for="personal_agency">代理商</label><input type="text" id="personal_agency" value=" Royao Estates, Duplex Estates"></div>
                                            <div class="col-md-6 col-12 mb-30"><label for="personal_company">公司</label><input type="text" id="personal_company" value="GTA5"></div>
                                        </div>
                                        <h4>其他信息</h4>
                                        <div class="row">
                                            <div class="col-md-6 col-12 mb-30"><label for="personal_social_facebook"><i class="fa fa-facebook-official"></i>QQ空间</label><input type="text" id="personal_social_facebook" value="www.facebook.com"></div>
                                            <div class="col-md-6 col-12 mb-30"><label for="personal_social_twitter"><i class="fa fa-twitter"></i>朋友圈</label><input type="text" id="personal_social_twitter" value="www.twitter.com"></div>
                                            <div class="col-md-6 col-12 mb-30"><label for="personal_social_linkedin"><i class="fa fa-linkedin"></i>抖音</label><input type="text" id="personal_social_linkedin" value="www.linkedin.com"></div>
                                            <div class="col-md-6 col-12 mb-30"><label for="personal_social_google"><i class="fa fa-google"></i>个人小视频</label><input type="text" id="personal_social_google" value="www.google.com"></div>
                                            <div class="col-md-6 col-12 mb-30"><label for="personal_social_instagram"><i class="fa fa-instagram"></i>喜马拉雅</label><input type="text" id="personal_social_instagram" value="www.instagram.com"></div>
                                            <div class="col-md-6 col-12 mb-30"><label for="personal_social_pinterest"><i class="fa fa-pinterest"></i>支付宝</label><input type="text" id="personal_social_pinterest" value="www.pinterest.com"></div>
                                            <!--<div class="col-md-6 col-12 mb-30"><label for="personal_social_skype"><i class="fa fa-skype"></i>Skype</label><input type="text" id="personal_social_skype" value="www.skype.com"></div>-->
                                            <!--<div class="col-md-6 col-12 mb-30"><label for="personal_social_tumblr"><i class="fa fa-tumblr"></i>Tumblr</label><input type="text" id="personal_social_tumblr" value="www.tumblr.com"></div>-->
                                        </div>
                                    </div>

                                    <div class="col-12 mb-30"><button class="btn">保存信息记录</button></div>
                                </div>
                            </form>
                        </div>
                        <div id="agency-tab" class="tab-pane">
                            <form action="#">
                               
                                <div class="row">
                                    <div class="col-12 mb-30"><h3 class="mb-0">代理信息</h3></div>
                                    <div class="col-12 mb-30"><label for="agency_name">代理人姓名</label><input type="text" id="agency_name" value="Royao Estates"></div>
                                    <div class="col-12 mb-30"><label for="about_agency">代理人简历</label><textarea id="about_agency"></textarea></div>

                                    <div class="col-12">
                                        <div class="row">
                                            <div class="col-md-6 col-12 mb-30"><label for="agency_address">地址</label><input type="text" id="agency_address" value="256, 1st AVE, Manchester 125 , Noth England"></div>
                                            <div class="col-md-6 col-12 mb-30"><label for="agency_number">电话号码</label><input type="text" id="agency_number" value="(756) 447 5779"></div>
                                            <div class="col-md-6 col-12 mb-30"><label for="agency_email">Email</label><input type="text" id="agency_email" value="info@example.com"></div>
                                            <div class="col-md-6 col-12 mb-30"><label for="agency_web">个人网页</label><input type="text" id="agency_web" value="www.example.com"></div>
                                            <div class="col-md-6 col-12 mb-30"><label for="agency_license">从业证书号</label><input type="text" id="agency_license" value="AB7876A6"></div>
                                        </div>
                                        <h4>其他信息</h4>
                                        <div class="row">
                                            <div class="col-md-6 col-12 mb-30"><label for="agency_social_facebook"><i class="fa fa-facebook-official"></i>QQ空间</label><input type="text" id="agency_social_facebook" value="www.facebook.com"></div>
                                            <div class="col-md-6 col-12 mb-30"><label for="agency_social_twitter"><i class="fa fa-twitter"></i>朋友圈</label><input type="text" id="agency_social_twitter" value="www.twitter.com"></div>
                                            <div class="col-md-6 col-12 mb-30"><label for="agency_social_linkedin"><i class="fa fa-linkedin"></i>抖音</label><input type="text" id="agency_social_linkedin" value="www.linkedin.com"></div>
                                            <div class="col-md-6 col-12 mb-30"><label for="agency_social_google"><i class="fa fa-google"></i>个人小视频</label><input type="text" id="agency_social_google" value="www.google.com"></div>
                                            <div class="col-md-6 col-12 mb-30"><label for="agency_social_instagram"><i class="fa fa-instagram"></i>喜马拉雅</label><input type="text" id="agency_social_instagram" value="www.instagram.com"></div>
                                            <div class="col-md-6 col-12 mb-30"><label for="agency_social_pinterest"><i class="fa fa-pinterest"></i>支付宝</label><input type="text" id="agency_social_pinterest" value="www.pinterest.com"></div>
                                            <!--<div class="col-md-6 col-12 mb-30"><label for="agency_social_skype"><i class="fa fa-skype"></i>Skype</label><input type="text" id="agency_social_skype" value="www.skype.com"></div>-->
                                            <!--<div class="col-md-6 col-12 mb-30"><label for="agency_social_tumblr"><i class="fa fa-tumblr"></i>Tumblr</label><input type="text" id="agency_social_tumblr" value="www.tumblr.com"></div>-->
                                        </div>
                                    </div>

                                    <div class="col-12 mb-30"><button class="btn">保存信息记录</button></div>
                                </div>
                            </form>
                        </div>
                        <div id="properties-tab" class="tab-pane">
            
                            <div class="row">

                                <!--Property start-->
                                <div class="property-item col-md-6 col-12 mb-40">
                                    <div class="property-inner">
                                        <div class="image">
                                            <a th:href="@{/single-properties.html}"><img src="assets/images/property/property-1.jpg" alt=""></a>
                                            <ul class="property-feature">
                                                <li>
                                                    <span class="area"><img src="assets/images/icons/area.png" alt="">550 平米</span>
                                                </li>
                                                <li>
                                                    <span class="bed"><img src="assets/images/icons/bed.png" alt="">6</span>
                                                </li>
                                                <li>
                                                    <span class="bath"><img src="assets/images/icons/bath.png" alt="">4</span>
                                                </li>
                                                <li>
                                                    <span class="parking"><img src="assets/images/icons/parking.png" alt="">3</span>
                                                </li>
                                            </ul>
                                        </div>
                                        <div class="content">
                                            <div class="left">
                                                <h3 class="title"><a th:href="@{/single-properties.html}">江南宅院</a></h3>
                                                <span class="location"><img src="assets/images/icons/marker.png" alt="">锦江区东大街下东大街568号</span>
                                            </div>
                                            <div class="right">
                                                <div class="type-wrap">
                                                    <span class="price">￥550<span>月</span></span>
                                                    <span class="type">出租</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!--Property end-->

                                <!--Property start-->
                                <div class="property-item col-md-6 col-12 mb-40">
                                    <div class="property-inner">
                                        <div class="image">
                                            <span class="label">特色</span>
                                            <a th:href="@{/single-properties.html}"><img src="assets/images/property/property-2.jpg" alt=""></a>
                                            <ul class="property-feature">
                                                <li>
                                                    <span class="area"><img src="assets/images/icons/area.png" alt="">550 平米</span>
                                                </li>
                                                <li>
                                                    <span class="bed"><img src="assets/images/icons/bed.png" alt="">6</span>
                                                </li>
                                                <li>
                                                    <span class="bath"><img src="assets/images/icons/bath.png" alt="">4</span>
                                                </li>
                                                <li>
                                                    <span class="parking"><img src="assets/images/icons/parking.png" alt="">3</span>
                                                </li>
                                            </ul>
                                        </div>
                                        <div class="content">
                                            <div class="left">
                                                <h3 class="title"><a th:href="@{/single-properties.html}">木马山别墅</a></h3>
                                                <span class="location"><img src="assets/images/icons/marker.png" alt="">城北大道450附22号</span>
                                            </div>
                                            <div class="right">
                                                <div class="type-wrap">
                                                    <span class="price">￥2550</span>
                                                    <span class="type">出售</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!--Property end-->

                                <!--Property start-->
                                <div class="property-item col-md-6 col-12 mb-40">
                                    <div class="property-inner">
                                        <div class="image">
                                            <span class="label">热门</span>
                                            <a th:href="@{/single-properties.html}"><img src="assets/images/property/property-3.jpg" alt=""></a>
                                            <ul class="property-feature">
                                                <li>
                                                    <span class="area"><img src="assets/images/icons/area.png" alt="">550 平米</span>
                                                </li>
                                                <li>
                                                    <span class="bed"><img src="assets/images/icons/bed.png" alt="">6</span>
                                                </li>
                                                <li>
                                                    <span class="bath"><img src="assets/images/icons/bath.png" alt="">4</span>
                                                </li>
                                                <li>
                                                    <span class="parking"><img src="assets/images/icons/parking.png" alt="">3</span>
                                                </li>
                                            </ul>
                                        </div>
                                        <div class="content">
                                            <div class="left">
                                                <h3 class="title"><a th:href="@{/single-properties.html}">皇家一号公寓</a></h3>
                                                <span class="location"><img src="assets/images/icons/marker.png" alt="">锦江区福字街215号</span>
                                            </div>
                                            <div class="right">
                                                <div class="type-wrap">
                                                    <span class="price">￥550<span>月</span></span>
                                                    <span class="type">出租</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!--Property end-->

                                <!--Property start-->
                                <div class="property-item col-md-6 col-12 mb-40">
                                    <div class="property-inner">
                                        <div class="image">
                                            <a th:href="@{/single-properties.html}"><img src="assets/images/property/property-4.jpg" alt=""></a>
                                            <ul class="property-feature">
                                                <li>
                                                    <span class="area"><img src="assets/images/icons/area.png" alt="">550 平米</span>
                                                </li>
                                                <li>
                                                    <span class="bed"><img src="assets/images/icons/bed.png" alt="">6</span>
                                                </li>
                                                <li>
                                                    <span class="bath"><img src="assets/images/icons/bath.png" alt="">4</span>
                                                </li>
                                                <li>
                                                    <span class="parking"><img src="assets/images/icons/parking.png" alt="">3</span>
                                                </li>
                                            </ul>
                                        </div>
                                        <div class="content">
                                            <div class="left">
                                                <h3 class="title"><a th:href="@{/single-properties.html}">龙城一号别墅</a></h3>
                                                <span class="location"><img src="assets/images/icons/marker.png" alt="">龙泉驿区南山大道333号附12号</span>
                                            </div>
                                            <div class="right">
                                                <div class="type-wrap">
                                                    <span class="price">￥550<span>月</span></span>
                                                    <span class="type">出租</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!--Property end-->

                            </div>
                            
                        </div>
                        <div id="password-tab" class="tab-pane">
                            <form action="#">
                               
                                <div class="row">
                                    <div class="col-12 mb-30"><h3 class="mb-0">修改密码</h3></div>
                                    <div class="col-12 mb-30"><label for="current_password">当前密码</label><input type="password" id="current_password" value="currentpassword"></div>
                                    <div class="col-12 mb-30"><label for="new_password">新密码</label><input type="password" id="new_password"></div>
                                    <div class="col-12 mb-30"><label for="confirm_new_password">确认密码</label><input type="password" id="confirm_new_password"></div>

                                    <div class="col-12 mb-30"><button class="btn">保存信息记录</button></div>
                                </div>
                            </form>
                        </div>
                    </div>
                    
                </div>
            </div>
        </div>
    </div>
    <!--Login & Register Section end-->

    <!--导入公共资源-->
    <template th:replace="layout::footer"></template>
</div>

<!-- Placed js at the end of the document so the pages load faster -->

<!-- All jquery file included here -->
<script src="http://ditu.google.cn/maps/api/js?sensor=false&libraries=geometry&v=3.22&key=AIzaSyDAq7MrCR1A2qIShmjbtLHSKjcEIEBEEwM"></script>
<script src="assets/js/vendor/jquery-1.12.4.min.js"></script>
<script src="assets/js/popper.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/plugins.js"></script>
<script src="assets/js/map-place.js"></script>
<script src="assets/js/main.js"></script>

</body>

</html>
